<template>
  <div class="order-table">
    <el-button size="small" type="primary" @click="$router.push('/add-order')">增加订单</el-button>
    <div class="table-wrapper">
      <el-table :data="data" style="width: 100%;">
        <el-table-column label="姓名" prop="name"></el-table-column>
        <el-table-column label="电话" prop="name"></el-table-column>
        <el-table-column label="订单编号" prop="name"></el-table-column>
        <el-table-column label="收货地址" prop="name"></el-table-column>
        <el-table-column label="衣物" prop="name"></el-table-column>
        <el-table-column label="总价" prop="name"></el-table-column>
        <el-table-column label="状态" prop="name"></el-table-column>
        <el-table-column label="操作">
          <template slot-scope="scope">
            <el-button type="text" size="small">打印</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div class="page-wrapper">
      <el-pagination small background @current-change="handleCurrentChange" layout="prev, pager, next" :page-size="pagination.pageSize" :current-page.sync="pagination.currentPage"></el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [],
      pagination: {
        pageSize: 10,
        currentPage: 1,
        total: 0
      }
    };
  },
  methods: {
    // 翻页
    handleCurrentChange(current) {}
  }
};
</script>

<style>

</style>
